<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <style>
        span {
            background-color: blueviolet;
            color: pink;
        }
    </style>
    <title>Document</title>
</head>

<body>
    <!-- 快速生成测试文本
      lorem+数字+tab 
      lorem+tab
    -->

    <!-- 容器标签 div
         双标签
        占一行 
    -->
    <div>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam, mollitia, assumenda totam officia natus facere nesciunt, ipsam animi illo quisquam id ab praesentium omnis. Nesciunt aperiam quo laboriosam. Temporibus, expedita.
    </div>
    <!-- 容器组件 span
        双标签，给了之后不会有任何外观的改变
        除非添加样式 
    -->
    <div>
        Lorem ipsum <span>dolor</span> sit amet consectetur adipisicing elit. Ratione, corrupti? Eos tempore quos impedit ab voluptas aliquid distinctio officiis temporibus, odio libero porro eius explicabo quia exercitationem deserunt fugit vitae?
    </div>
</body>

</html>